<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单学习</title>
</head>
<!--css样式表-->>

<style>
    /*元素选择器*/
    input{
        font-size: 30px;
        color: red;
    }
    span,img,div{
        color: blue;
        width: 50px;
    }
</style>
<body style="font-size: 20px;">
    <br>
    <br>
    <form action="" style="border: 1px green solid; padding: 20px;
    border-radius: 10px;">
    <img class="xuanzhuan jiakuan banyuan" src="./tupian/1738732925574_678.jpg" alt="">
    <img src="./tupian/1738732925574_678.jpg" alt="">
    <img class="xuanzhuan banyuan" src="./tupian/1738732925574_678.jpg" alt="">
    <img src="./tupian/1738732925574_678.jpg" alt="">
    <img id="zuihouyizhangtu" class="xuanzhuan jiakuan" src="./tupian/1738732925574_678.jpg" alt="">
    <span>用户名：</span>   <input type="text" placeholder="请输入中文"> <br>
    <span> 密码：</span>   <input type="password" placeholder="请输入密码"><br>
        
    <span>爱好：</span>    
        <input type="checkbox" name="aihao" value="游泳" id="">游泳
        <input type="checkbox" name="aihao" value="滑冰" id="">滑冰
        <input type="checkbox" name="aihao" value="登山" id="">登山
        <input type="checkbox" name="aihao" value="赚钱" id="">赚钱
        <input type="checkbox" name="aihao" value="游戏" id="">游戏
<br>性别：
        <input type="radio" name="sex" id="" value="男">男
        <input type="radio" name="sex" id="" checked value="女">女
        <input type="radio" name="sex" id="" value="未知">未知
<br>生日：
        <input type="date" name="" id="">
        <input type="datetime-local" name="" id="">

<br>邮箱：<input type="email" name="" id="" placeholder="请用email格式输入">
<br>上传头像：<input type="file" name="" id="">
<br>存款：<input type="number" name="" id="" step="10" placeholder="请填写整数">
<br>籍贯：
        <select name="" id="">
            <option value="四川">四川</option>
            <option value="河北">河北</option>
            <option value="江西">江西</option>
            <option value="海南">海南</option>
            <option value="安徽">安徽</option>
            <option value="贵州">贵州</option>
            <option value="国外">国外</option>

        </select>
        你喜欢的颜色：<input type="color" name="" id="">
        <br>
        <textarea name="" rows="5" cols="50" id=""></textarea>
        <br>
        <input type="button" value="登录" title="login">
        <input type="button" value="注册" title="给新用户注册的">
        <input type="reset" value="重置" title="重置输入的内容"><br>


    </form>
    
</body>
</html>